<template>
  <div class="referral">
    <mu-appbar :z-depth="0" style="width: 100%;top:0" color="#383838" text-color="white">
      <mu-button icon slot="left">
        <header-back></header-back>
      </mu-button>
      我的二维码
    </mu-appbar>
    <mu-paper style="margin: 3rem 3rem 0 3rem" round :z-depth="3">
      <mu-row>
        <div style="text-align: center;width: 100%;padding: 1rem;color: #9e9e9e">
          维护小股东权益，法汇托管征集平台
        </div>
      </mu-row>
      <mu-row>
        <mu-card style="width: 100%; margin: 0 auto;">
          <mu-card-media>
            <img :src="shareQrCode">
          </mu-card-media>
          <mu-card-title style="text-align: center;margin-top:-3rem" sub-title="长按识别或保存二维码"></mu-card-title>
        </mu-card>
      </mu-row>
    </mu-paper>
  </div>
</template>
<script>
  import headerBack from '@/components/headerBack';

  export default {
    name: 'referral',
    data() {
      return {
        shareQrCode: this.baseUrl + "/qr/referralRegister" + "?token=" + this.getStore("accessToken"),
        dialogTitle: '',
        messages: false,
        list: [],
        openFullScreen: false,
        info: {
          userName: '',
          phone: '',
          email: ''
        }
      }
    },
    components: {
      headerBack
    },
    methods: {
      listData() {
        const _self = this;
        this.postRequest("/user/addressList").then(res => {
          if (res.code === 200) {
            if (res.data) {
              _self.list = res.data;
            }
          }
        });
      },
      getData() {
        let _self = this;
        this.postRequest("/user/info").then(res => {
          if (res.code === 200) {
            _self.info = res.data;
          }
        });
      }
    },
    mounted: function () {
      this.getData();
    }
  }
</script>

<style scoped lang="less">

  .referral {
    position: fixed;
    top: 0;
    width: 100%;
    /*overflow: auto;*/
    height: 100%;
    z-index: 999;
    background-color: #383838;
  }

  .load-more-wrap {
    width: 100%;
    height: 90%;
    overflow: scroll;
    padding: 10px;
  }

</style>
